<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>马蜂窝自由行产品 - 马蜂窝自由行</title>
    <link href="/styles/base.css" rel="stylesheet" type="text/css">
<meta name="keywords" content=",自由行"><meta name="description" content="">

<script type="text/javascript">
        window.Env = {"sales_title_tag":"semi_self_service","WWW_HOST":"www.mafengwo.cn","IMG_HOST":"images.mafengwo.net","W_HTTP":"http:\/\/w.mafengwo.cn","P_HOST":"passport.mafengwo.cn","P_HTTP":"https:\/\/passport.mafengwo.cn","PAGELET_HTTP":"http:\/\/pagelet.mafengwo.cn","JS_HOST":"js.mafengwo.net","TONGJI_HOST":"tongji.mafengwo.cn","UID":48119980,"CSTK":"259053c22bc841ee17dd4f32137d91fc_69e60d3e7dc8ce416cec63f3d6f68b61","GOOGLE_MAP_KEY":"AIzaSyD-Su0x_rPy1xehlMBcMyTqWkU49Bk53nQ","MOBILE_BINDED":true};
</script>
    <script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script src="http://malsup.github.io/jquery.form.js"></script>
<link href="http://css.mafengwo.net/css/cv/css+base:css+jquery.suggest:css+plugins:css+plugins+jquery.jgrowl:css+other+popup:css+mfw-header.2015^YlVS^1559526017.css" rel="stylesheet" type="text/css"/>



<script language="javascript" src="http://js.mafengwo.net/js/cv/js+jquery-1.8.1.min:js+global+json2:js+M+Module:js+M+M:js+M+Log:js+m.statistics:js+advert+inspector^alw^1562232559.js" type="text/javascript" crossorigin="anonymous"></script>
<script type="text/javascript">
var __mfw_uid = parseInt('48119980');
</script>
<script language="javascript" src="http://js.mafengwo.net/js/cv/js+common+jquery.plugins:js+common+widgets:js+mfw.storage^ZlI^1537192880.js" type="text/javascript" crossorigin="anonymous"></script>
<link href="http://css.mafengwo.net/css/cv/css+sales+m-toolbar:css+sales+brand-bar:css+sales+sales-list-v2:css+mfweditor+mfweditor^a1I^1556183379.css" rel="stylesheet" type="text/css"/>
<script language="javascript" src="http://js.mafengwo.net/js/cv/js+angular.min:js+sales+pagination:js+sales+list+Filter2017:js+connect_share:js+yiwofeng+common:js+sales+page_event_statistics^YldV^1544154317.js" type="text/javascript" crossorigin="anonymous"></script>

</head>
<body>


<#assign currentNav="goToTravle">
<#include "../common/navbar.ftl">
<div id="header" xmlns="http://www.w3.org/1999/html">

   <#-- <div class="mfw-header">
        <div class="header-wrap clearfix" id="_j_head_nav_warper">
            <div class="head-logo"><a class="mfw-logo" title="马蜂窝自由行" href="http://www.mafengwo.cn/"></a></div>
            <ul class="head-nav" data-cs-t="headnav" id="_j_head_nav">-->
               <#--<li class="head-nav-index _j_head_nav_index" data-cs-p="index" data-tab-item="首页"><a href="/">首页</a></li>
                <li class="head-nav-place _j_head_nav_mdd" data-cs-p="mdd" data-tab-item="目的地"><a href="/destination" title="目的地">目的地</a></li>
                <li class="head-nav-gonglve _j_head_nav_gonglve" data-cs-p="gonglve" data-tab-item="旅游攻略"><a href="/strategy" title="旅游攻略">旅游攻略</a></li>
                <li class="head-nav-sales _j_head_nav_sales head-nav-dropdown _j_sales_nav_show" id="_j_nav_sales" data-cs-p="sales" data-tab-item="去旅行">
                    <a class="drop-toggle" href="/travel/groupTravel" style="cursor: pointer;display: block;border-bottom:0 none;" data-sales-nav="去旅行">
                        <span>去旅行<i class="icon-caret-down"></i></span>

                    </a>-->
                  <#-- <li name="index"><a href="/">首页</a></li>
                   <li  name="destination"><a href="/destination">目的地</a></li>
                   <li  name="strategy" ><a href="/strategy">旅游攻略</a></li>
                   <li  name="travel" ><a href="/travel">旅游日记</a></li>
                   <li  name="goToTravle" id="goToTravle">
                       <a href="/travel/groupTravel">去旅行
                       </a>-->

                 <#--  </li>
                    <div class="dropdown-menu dropdown-sales hide _j_sales_top" id="_j_sales_panel" data-cs-t="sales_nav">
                        <ul>
                            <li><a target="_blank" href="/travel/freedom" data-sales-nav="自由行">自由行<i class="i-hot">hot</i></a></li>
                            <li><a target="_blank" href="http://www.mafengwo.cn/sales/0-0-0-0-0-0-0-0.html?group=4" data-sales-nav="跟团游">跟团游</a></li>
                            <li><a target="_blank" href="http://www.mafengwo.cn/localdeals/" data-sales-nav="当地游">当地游</a></li>
                            <li><a target="_blank" href="http://www.mafengwo.cn/sales/0-0-0-5-0-0-0-0.html" data-sales-nav="邮轮">邮轮</a></li>
                            <li><a target="_blank" href="http://www.mafengwo.cn/sales/visa/" data-sales-nav="签证">签证</a></li>

                        </ul>
                    </div>
                </li>

            <div data-pagelet id="pagelet-block-b071e0a946f54851244a50057cf6969d" class="" data-api="apps:user:pagelet:pageViewHeadInfo" data-params="{&quot;type&quot;:1}" data-async="1" data-controller="/js/pageletcommon/pageHeadUserInfoWWWNormal"></div>
        </div>
        <div class="shadow"></div>
    </div>
    -->
    <!-- 新自由行菜单 begin -->
<div class="dropdown-bar" style="display: none">
    <div class="content">
        <ul class="clearfix ul-dropdown-bar" id="Js_middleNav">
            <li data-type="freewalker"><a href="/travel/groupTravel">跟团游</a></li>
            <li data-type="sales"><a href="/travel/freedom">自由行</a></li>
            <li data-type="localdeals"><a href="http://www.mafengwo.cn/localdeals/">当地游</a></li>

            <li data-type="visa"><a href="http://www.mafengwo.cn/sales/visa/">签证</a></li>
            <li data-type="wifi"><a href="http://www.mafengwo.cn/localdeals/0-0-0-21-0-0-0-0.html">全球WiFi</a></li>
            <li data-type="cruise"><a href="http://www.mafengwo.cn/sales/0-0-0-5-0-0-0-0.html">邮轮</a></li>
            
            
        </ul>
    </div>

</div>
<!-- 新自由行菜单 end -->
<script>
    //判断是否显示 下拉bar
;(function () {
    window.showBarFlag = true;
    var realPathName = location.pathname,$nav = $('#Js_middleNav');
    var regExp = /localdeals|sales|insurance|activity/gi;
    var pathArr = realPathName.match(regExp);

    var firstSalesType = 0;
    if ([1, 3, 34, 50, 51, 52].indexOf(window.Env.salesType) > -1) {
        firstSalesType = 3
    } else if ([4, 40, 41, 42, 43, 44].indexOf(window.Env.salesType) > -1) {
        firstSalesType = 4
    //  } else if ([11, 90, 91, 92, 93, 94, 95, 96].indexOf(window.Env.salesType) > -1) {
    //    firstSalesType = 11
    } else if ([6, 30, 32, 33, 35, 36].indexOf(window.Env.salesType) > -1) {
        firstSalesType = 6
    } else if ([5].indexOf(window.Env.salesType) > -1) {
        firstSalesType = 5
    } else if ([21, 22, 70].indexOf(window.Env.salesType) > -1) {
        firstSalesType = 21
    } else if ([28, 29, 31, 99].indexOf(window.Env.salesType) > -1) {
        firstSalesType = 1
    } else {
        firstSalesType = 2
    }
    // } else if ([2, 9, 12, 13, 15, 17, 20, 21, 22, 23, 24, 25, 26, 46, 47, 48, 49, 60, 61, 62, 64, 65, 66, 67, 68, 70, 71, 72, 74, 75, 76, 77, 78, 79])
        var urlSalesType = realPathName.split('-')[3];
        if(window.Env.middleNavHide) { $('.dropdown-bar').hide();return;}
        if(urlSalesType == 5 || firstSalesType ==5){
            $nav.children('[data-type="cruise"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        }else if(urlSalesType == 21 || firstSalesType ==21){
            $nav.children('[data-type="wifi"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        }else if(urlSalesType == 4 || window.Env.sales_title_tag == 'visa' || firstSalesType == 4){
            $nav.children('[data-type="visa"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        }else if(window.Env.sales_title_tag == 'semi_self_service' || realPathName == '/sales/0-0-0-6-0-0-0-0.html?group=4' || firstSalesType == 6){
            $nav.children('[data-type="freewalker"]').addClass('on');
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        }
        else if(window.Env.salesType) {
            switch(firstSalesType|0) {
                case 1:
                case 3:
                    $nav.children('[data-type="sales"]').addClass('on');
                    break;
                case 2:
                    $nav.children('[data-type="localdeals"]').addClass('on');
                    break;
                case 30:
                case 6:
                    $nav.children('[data-type="freewalker"]').addClass('on');
                    break;
                default:
                    $nav.children('[data-type="localdeals"]').addClass('on');
                    break;
            }
            window.showBarFlag = false;
            $('.dropdown-bar').show();
        }
        else {
            if( pathArr){
                if(pathArr.length == 1 && pathArr[0] != 'activity'){
                    switch(pathArr[0]){
                        case 'localdeals':
                            $nav.children('[data-type="localdeals"]').addClass('on');
                            break;
                        case 'insurance':
                            $nav.children('[data-type="insurance"]').addClass('on');
                            break;
                        case 'sales':
                            $nav.children('[data-type="sales"]').addClass('on');
                            break;
                        case 'flight':
                            $nav.children('[data-type="flight"]').addClass('on');
                            break;
                        default:
                            break;
                    }
                    window.showBarFlag = false;
                    $('.dropdown-bar').show();
                }else {
                    if('activity'.indexOf(pathArr) != -1){
                        window.showBarFlag  = true;
                        $('.dropdown-bar').hide();
                    }
                }
        }
    }
        // 点击时触发
        $('.ul-dropdown-bar > li').on('click',function () {
            $(this).addClass('on').siblings().removeClass('on');
        });
})();

</script>

</div>


<div class="container">
    <!--sousuo start-->
    <div class="brand-bar clearfix">
    <div class="bb-hd">
        <div class="bb-title">
                            <a href="" style="text-decoration: none;"><i class="icon-half"></i>跟团游</a>
            
        </div>
    </div>
</div>

    <!--sousuo end-->

    <!----filter start----->
    <form id="searchForm" method="post" name="查询" action="/travel/groupTravel">
    <div class="filter-panel" >
        <input type="hidden" name="currentPage" id="currentPage" value="1">
        <div class="filter-hd clearfix"  data-type="1" id="saleType">
            <a data-v="0"  class="cur"  data-type-filter="-1" href="javascript:;" id="saleType0">全部</a>
            <a data-v="36"  data-type-filter="1" href="javascript:;" id="saleType36">境内半自助游</a>
            <a data-v="32"  data-type-filter="2" href="javascript:;" id="saleType32">私家团</a>
            <a data-v="35"  data-type-filter="3" href="javascript:;" id="saleType35">出境跟团游</a>
            <a data-v="33"  data-type-filter="4" href="javascript:;" id="saleType33">游学团</a>
            <a data-v="6"  data-type-filter="5" href="javascript:;" id="saleType6">出境半自助游</a>
            <a data-v="30"  data-type-filter="6" href="javascript:;" id="saleType30">境内跟团游</a>

        </div>
        <script>
            $(function () {
                $(".filter-hd a").click(function () {
                   var value = $(this).data("type-filter");
                   if(value != -1){
                       $(".filter-hd a:first-child").removeClass("cur");
                   }
                    console.log("------------");
                   $.get("/travel/groupTravelByCondition?travelType="+value,function (data) {
                       $("#append").html(data);
                   })
                    $(this).addClass("cur");
                })
            })
        </script>

        <div class="filter-bd clearfix" data-filter="1" id="filter">

                <p>
                    &nbsp;&nbsp;&nbsp;&nbsp;出发地:
                <input class="com-opt" type="text" name="start" id="start" value="${(qo.start)!}"> -->
                目的地:
                <input class="com-opt" type="text" name="dest" id="dest" value="${(qo.dest)!}">
                </p>
            <div class="filter-bd clearfix" data-filter="1" id="filter">
                <dl class="row" data-view-group="relatedMdd" data-search-group="s_dept_time" style="display: block;">
                    <dt>出发日期：</dt>
                    <dd class="clearfix">
                        <ul class="filter-nav">
                            <li> <input type="checkbox" name="travelTime" value="-1" id="all_s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="all" data-chose-name="不限" class="u-radio" checked="checked">不限</li>
                            <li> <input type="checkbox" name="travelTimeType" value="7" id="s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201907" data-chose-name="7月" class="u-radio" >7月</li>
                            <li> <input type="checkbox" name="travelTimeType" value="8" id="s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201908" data-chose-name="8月" class="u-radio">8月</li>
                            <li> <input type="checkbox" name="travelTimeType" value="9" id="s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201909" data-chose-name="9月" class="u-radio">9月</li>
                            <li> <input type="checkbox" name="travelTimeType" value="10" id="s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201910" data-chose-name="10月" class="u-radio">10月</li>
                            <li> <input type="checkbox" name="travelTimeType" value="11" id="s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201911" data-chose-name="11月" class="u-radio">11月</li>
                            <li> <input type="checkbox" name="travelTimeType" value="12" id="s_dept_time" data-filter-list="1" data-filter-name="s_dept_time" data-filter-value="201912" data-chose-name="12月" class="u-radio">12月</li>
                        </ul>
                        <a class="toggle" role="button" data-type-filter-show-more="1" href="javascript:void(0);" style="display: none;">更多</a>
                    </dd>
                </dl>

            </div>
                    <p>
                        &nbsp;&nbsp;&nbsp;&nbsp;价格区间：
                        <select  class="com-opt" name="perExpendType" id="perExpendType">
                            <option value="-1">不限</option>
                            <option value="1">1-999</option>
                            <option value="2">1K-6K</option>
                            <option value="3">6K-20K</option>
                            <option value="4">20K以上</option>
                        </select>
                        &nbsp;&nbsp;&nbsp;产品特色：
                    <select  class="com-opt" name="special" id="special">
                        <option value="-1">不限</option>
                        <option value="1">全程无自费</option>
                        <option value="2">含自由活动</option>
                        <option value="3">纯玩无购物</option>
                    </select>
                        &nbsp;&nbsp;&nbsp;&nbsp;显示顺序:
                    <select  class="com-opt" name="orderType" id="orderType">
                        <option  value="-1">综合排序</option>
                        <option  value="1">销量优先</option>
                        <option  value="2">价格从低到高</option>
                        <option  value="3">价格从高到低</option>
                    </select>

                        &nbsp;&nbsp;<a id="searchTravel">查询</a>
                    </p>
            <script>

                  var myIput = $(".filter-nav input");
                  console.log(myIput);


                $("#perExpendType").val(${qo.perExpendType!});
                $("#special").val(${qo.special!});
                $("#orderType").val(${qo.orderType!});

                if(${qo.orderType!} != -1){
                    $(".orderBy").closest("div").removeClass("on");
                    $(".orderBy[data-sort=${qo.orderType!}]").closest("div").addClass("on");
                }
            </script>
        </div>
    </div>
    </form>
    <!----filter end----->
    <dl class="row-selected clearfix" data-stick="1" style="display: none;">
        <dt>您已选择：</dt>
        <dd id="chose">
        </dd>
        <a class="clean" data-clear-all-chose="1" href="javascript:void(0);">全部清除</a>
    </dl>

    <div class="sales-content">
        <div class="not-found hide" data-notfound="1">
            <i></i>
            <p>暂无此类自由行产品  再逛逛其他的～</p>
            <a href="javascript:void(0);" data-clear-all-chose="1">清空筛选条件</a>
        </div>
        <div class="m-recommend hide" data-notfound="2">
            <div class="hd">更多自由行产品供你选择</div>
            <ul class="sales-cards clearfix">
                                <li class="item">
                    <a href="/sales/2981620.html" target="_blank">
                        <div class="image"><img src="http://b4-q.mafengwo.net/s13/M00/4B/CA/wKgEaVzKZHmASVXYAAD7r0Ho10w39.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>青海甘肃大环线包拼车6日游  青海湖+茶卡盐湖+翡翠湖+敦煌+鸣沙山月牙泉+七彩丹霞+祁连草原（安全舒心+全览西北精华）</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1300</strong>起</span>
                                
                            </div>
                        </div>
                    </a>
                                    <li class="item">
                    <a href="/sales/5693026.html" target="_blank">
                        <div class="image"><img src="http://n4-q.mafengwo.net/s13/M00/B4/D5/wKgEaVzNBKWACzH3AAPSqtE5C9Y02.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>颠覆传统包车游·吃喝玩乐随心搭配/VIP级奢华包拼车N日游/骑马穿越+热气球+湿地漂流+越野卡丁车+比赛级射箭</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>500</strong>起</span>
                                
                            </div>
                        </div>
                    </a>
                                    <li class="item">
                    <a href="/sales/2066092.html" target="_blank">
                        <div class="image"><img src="http://b4-q.mafengwo.net/s13/M00/B3/3B/wKgEaVy9jp-ANMLsAAMjiNMUsqE37.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>峨眉山日出金顶+乐山大佛2日游·17人团·赠KFC早餐+火锅川剧变脸·8点懒游出发·巧遇灵猴祈佛福+含乐山大佛游船票+住峨眉精品酒店</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>398</strong>起</span>
                                
                            </div>
                        </div>
                    </a>
                                    <li class="item">
                    <a href="/sales/2220605.html" target="_blank">
                        <div class="image"><img src="http://n2-q.mafengwo.net/s13/M00/D2/7F/wKgEaVykSQSAE2QtAENnh9udaYo82.jpeg?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>玩个不一样的·青海甘肃大环线拼包车6日游（雪水牛排+藏式接机+扬鞭策马+好礼相赠）</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1300</strong>起</span>
                                
                            </div>
                        </div>
                    </a>
                                    <li class="item">
                    <a href="/sales/2477917.html" target="_blank">
                        <div class="image"><img src="http://n2-q.mafengwo.net/s14/M00/B4/22/wKgE2l0q5rGASkfHABHtgunCH7k953.gif?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>全国劳模车队带您青甘大环线包/拼车7日游 青海湖+塔尔寺+茶卡盐湖+油菜花海+七彩丹霞+莫高窟+嘉峪关+鸣沙山月牙泉</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1400</strong>起</span>
                                
                            </div>
                        </div>
                    </a>
                                    <li class="item">
                    <a href="/sales/2259132.html" target="_blank">
                        <div class="image"><img src="http://b4-q.mafengwo.net/s14/M00/99/EF/wKgE2l0u1lKAMOAxABp7cTG9g_w215.png?imageMogr2%2Fthumbnail%2F%21318x178r%2Fgravity%2FCenter%2Fcrop%2F%21318x178%2Fquality%2F100" height="178" width="318"></div>
                        <div class="caption">
                            <h3>稻城亚丁7日游·6人纯玩团·0元房差·夜宿亚丁景区·四姑娘山+海螺沟+丹巴+熊猫苑+新都桥+318国道美拍·赠骑马+藏装体验·配氧气瓶</h3>
                            <div class="clearfix">
                                <span class="price"><em>¥</em><strong>1680</strong>起</span>
                                
                            </div>
                        </div>
                    </a>
                                    </li>
            </ul>
        </div>
        <div id="append">
        <div class="list-wrap" data-list="1" id="listContent">
<#list pageInfo.list as t>
<a class="item clearfix" href="/travel/sale" target="_blank">
    <div class="image">
        <img src="${t.coverUrl}" height="150" width="200">
        <span class="mark-type type-10">
            <strong>${(t.beginPlace)!}出发</strong>
            <span>境内跟团游</span>
        </span>
            </div>
    <div class="detail">
        <div class="info" style="position: relative;">
            <p>已售${t.saleNum}</p>
            <h3>
                ${t.title}
            </h3>
            <div class="s-tag">
                    <#list t.tagsList as tags>
                           <span>${tags.tags}</span>
                    </#list>
            </div>
                        <p>
                <span class="t">班期:${t.period}&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;店铺:&nbsp;${t.seller}</span>
            </p>
                                                            <span class="icon" style="position:absolute; right:0; bottom: 10px;"><img src="http://p3-q.mafengwo.net/s14/M00/FE/A1/wKgE2l0cdyGAVgqVAAANm2uLpvU699.png?imageView2%2F2%2Fw%2F450%2Fh%2F450%2Fq%2F90" height="34" width="100"></span>
                                    </div>
        <div class="extra">
            <div class="action">
                <span class="btn">立即预定</span>
                <div class="promo-tag">
                                                        </div>
            </div>
            <span class="price"><b>￥</b><strong>${t.price}</strong>起</span>
                            <span class="promo-txt"><em>促销</em>每2人减300</span>
                        
                                                <span class="discount-tag">券</span>
                                                                <span class="discount-tag vip-discount">金卡专享</span>
                                        </div>
    </div>
</a>
</#list>
</div>
        <a href="javaScript:gotoPage(1)">首页</a>
        <a href="javaScript:gotoPage(${pageInfo.prePage})">上一页</a>
        <a href="javaScript:gotoPage(${pageInfo.nextPage})">下一页</a>
        <a href="javaScript:gotoPage(${pageInfo.pages})">尾页</a>
        共${pageInfo.total}条数据 页次${pageInfo.pageNum}/${pageInfo.pages}页

        <script>
            function gotoPage(pageNum){
                //获取点击传入的数据,然后设置给id为currentPage的input元素的value
                document.getElementById("currentPage").value=pageNum;
                //获取表单元素对象,然后提交表单
                document.forms[0].submit();
            }
        </script>
    </div>
    </div>
    <div class="sales-side">
        <div class="m-hotsale">
            <h3 class="hd">本周热卖</h3>
            <#list top5Sales as s>
            <ul>
                    <li>
                        <a href="/sales/379689.html" target="_blank">
                            <span class="image"><img src="${s.coverUrl}" height="70" width="100"></span>
                            <div title="" class="title">${s.title}</div>
                            <span class="price">${s.price}起</span>
                        </a>
                    </li>

            </ul>
            </#list>
        </div>

        <div class="m-hotsale" id="visa_recommend" style="display: none;">
            <h3 class="hd">相关签证</h3>
            <ul>
                    <li><a href="/sales/.html" target="_blank">
            <span class="image"><img src="" height="70" width="100"></span>
            <div title="" class="title"></div>
            <span class="price">￥</span>
        </a></li>

            </ul>
        </div>
    </div>
</div>
</div>
    <div class="sales-toolbar">
    <div class="stbar-middle">
        <div class="stbar-nav">
            <div class="stbar-item stbar-order">
                <a href="/order_center/" target="_blank">
                    <i class="stbar-icon"></i><span class="stbar-text">我的订单</span>
                </a>
            </div>
            <div class="stbar-item stbar-coupon">
                <a href="/sales/coupon.php" target="_blank">
                    <i class="stbar-icon"></i><span class="stbar-text">我的优惠券</span>
                </a>
            </div>
            <div class="stbar-item stbar-collect">
                <a href="/sales/collect.php" target="_blank">
                    <i class="stbar-icon"></i><span class="stbar-text">我的收藏</span>
                </a>
            </div>
        </div>
        <div class="stbar-nav">
            <div class="stbar-item stbar-weibo">
                <a href="http://e.weibo.com/u/3120321513" target="_blank"><i class="stbar-icon"></i><span class="stbar-pop"><span class="btn-follow">+ 关注</span><br><span>马蜂窝良品</span></span></a>
            </div>
            <div class="stbar-item stbar-weixin">
                <i class="stbar-icon"></i><span class="stbar-qrcode"><img src="https://images.mafengwo.net/images/sales/list_wx_qr_code.jpg" height="104" width="104"></span>
            </div>
        </div>
    </div>
</div>


<script>
    var globalDepartMddid = parseInt("12334");
    var globalListTotal = parseInt("205534");
    var globalGroup     = parseInt("4");
    var globalType      = parseInt("")?parseInt(""):0;
    var FilterParam     = {
        from:globalDepartMddid,
        kw:"",
        to:"",
        salesType: parseInt(""),
        page: 1, group: globalGroup, sort: 'smart', sort_type:'desc',limit:20
    };
    
    
    
    $(function () {
        var filterList = new FilterList();
        filterList.ajaxGetList();
        // 以下代码为模拟锚点,锚点生成短连接不生效
                // 以上代码为模拟锚点

    });

    
</script>
<link href="http://css.mafengwo.net/css/mfw-footer.css?1558532347" rel="stylesheet" type="text/css"/>

<div id="footer">
	<div class="ft-content" style="width: 1105px">
		<div class="ft-info clearfix">
    <dl class="ft-info-col ft-info-intro">
        <dt>马蜂窝旅游网</dt>
        <dd>中国年轻一代用得更多的旅游网站</dd>
        <dd>上亿旅行者共同打造的<strong>"旅行神器"</strong></dd>
        <dd><strong>60,000</strong> 多个全球旅游目的地</dd>
        <dd><strong>600,000</strong> 个细分目的地新玩法</dd>
        <dd><strong>760,000,000</strong> 次攻略下载</dd>
        <dd><strong>38,000</strong> 家旅游产品供应商</dd>
    </dl>
    <dl class="ft-info-col ft-info-about">
        <dt>关于我们</dt>
        <dd><a href="http://www.mafengwo.cn/s/about.html" rel="nofollow">关于马蜂窝</a><a href="http://www.mafengwo.cn/s/contact.html" class="m_l_10" rel="nofollow">联系我们</a></dd>
        <dd><a href="http://www.mafengwo.cn/s/private.html" rel="nofollow">隐私政策</a><a href="http://www.mafengwo.cn/s/logo.html" rel="nofollow" class="m_l_10">商标声明</a></dd>
        <dd><a href="http://www.mafengwo.cn/s/agreement.html" rel="nofollow">服务协议</a><a href="http://www.mafengwo.cn/s/rules.html" rel="nofollow" class="m_l_10">游记协议</a></dd>
        <dd><a href="http://www.mafengwo.cn/s/salesagreement.html" rel="nofollow">商城平台服务协议</a></dd>
        <dd><a href="http://www.mafengwo.cn/s/property.html" rel="nofollow">网络信息侵权通知指引</a></dd>
        <dd style="white-space: nowrap;"><a href="http://www.mafengwo.cn/s/monitor.html" rel="nofollow">马蜂窝旅游网服务监督员</a></dd>
        <dd><a href="http://www.mafengwo.cn/s/sitemap.html" target="_blank">网站地图</a><a class="joinus highlight m_l_10" title="马蜂窝团队招聘" target="_blank" href="https://app.mokahr.com/apply/mafengwo1/173#/page/社会招聘?_k=j4j3ux" rel="nofollow">加入马蜂窝</a></dd>
    </dl>
    <dl class="ft-info-col ft-info-service">
        <dt>旅行服务</dt>
        <dd>
            <ul class="clearfix">
                <li><a target="_blank" href="http://www.mafengwo.cn/gonglve/">旅游攻略</a></li>
                <li><a target="_blank" href="http://www.mafengwo.cn/hotel/">酒店预订</a></li>
                <li><a target="_blank" href="http://www.mafengwo.cn/sales/">旅游特价</a></li>
                <li><a target="_blank" href="http://zuche.mafengwo.cn/">国际租车</a></li>
                <li><a target="_blank" href="http://www.mafengwo.cn/wenda/">旅游问答</a></li>
                <li><a target="_blank" href="http://www.mafengwo.cn/insure/">旅游保险</a></li>
                <li><a target="_blank" href="http://z.mafengwo.cn">旅游指南</a></li>
                <li><a target="_blank" href="http://huoche.mafengwo.cn">订火车票</a></li>
                <li><a target="_blank" href="http://www.mafengwo.cn/travel-news/">旅游资讯</a></li>
                <li><a target="_blank" href="http://www.mafengwo.cn/app/intro/gonglve.php">APP下载</a></li>
                <li style="width: 120px;"><a target="_blank" href="http://www.mafengwo.cn/sales/alliance.php" class="highlight">旅行商城全球商家入驻</a></li>
            </ul>
        </dd>
    </dl>
    <dl class="ft-info-col ft-info-qrcode">
        <dd>
            <span class="ft-qrcode-tejia"></span>
            <p>马蜂窝良品<br>官方服务号</p>
        </dd>
        <dd>
            <span class="ft-qrcode-weixin"></span>
            <p>马蜂窝旅游<br>订阅号</p>
        </dd>
        <dd>
            <span class="ft-qrcode-weixin" style="background-image: url('https://p3-q.mafengwo.net/s10/M00/48/A9/wKgBZ1t_4sSAVJ6uAAAlzJ0PZgU881.png?imageMogr2%2Fthumbnail%2F%2194x90r%2Fgravity%2FCenter%2Fcrop%2F%2194x90%2Fquality%2F90')"></span>
            <p>马蜂窝APP<br>扫描立即下载</p>
        </dd>
    </dl>
    <dl class="ft-info-social">
        <dt>旅游之前，先上马蜂窝！</dt>
        <dd>
            <a class="ft-social-weibo" target="_blank" href="http://weibo.com/mafengwovip" rel="nofollow"><i class="ft-social-icon"></i></a>
            <a class="ft-social-qqt" target="_blank" href="http://t.qq.com/mafengwovip" rel="nofollow" ><i class="ft-social-icon"></i></a>
            <a class="ft-social-qzone" target="_blank" href="http://1213600479.qzone.qq.com/" rel="nofollow"><i class="ft-social-icon"></i></a>
        </dd>
    </dl>
</div>

		<div class="ft-copyright">
    <a href="http://www.mafengwo.cn"><i class="ft-mfw-logo"></i></a>
    <p>© 2019 Mafengwo.cn <a href="http://www.miibeian.gov.cn/" target="_blank" rel="nofollow">京ICP备11015476号</a> <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=11010502013401" target="_blank"><img src="http://images.mafengwo.net/images/footer/police_record.png" width="12" style="margin:0 2px 4px 0;">京公网安备11010502013401号</a> <a href="http://images.mafengwo.net/images/about/icp2.jpg" target="_blank" rel="nofollow">京ICP证110318号</a><span class="m_l_10">违法和不良信息举报电话: 010-59222790 举报邮箱: mfwjubao@mafengwo.com</span></p>
    <p>网络出版服务许可证：(总)网出证(京)字第161号<span class="m_l_10">增值电信业务经营许可证：京B2-20180228</span> <a href="https://n1-q.mafengwo.net/s12/M00/A5/45/wKgED1xJi3uAA7KLAAf_CkKLHRQ87.jpeg" target="_blank" rel="nofollow" class="m_l_10">营业执照</a><a href="/sales/uhelp/doc" target="_blank" rel="nofollow" class="m_l_10">帮助中心</a><span class="m_l_10">马蜂窝客服：国内</span><span class="highlight">4006-345-678</span><span class="m_l_10">海外</span> <span class="highlight">+86-10-5922-2799</span></p>
</div>
<div class="ft-safety">
    <a class="s-a" target="_blank" href="https://search.szfw.org/cert/l/CX20140627008255008321" id="___szfw_logo___"></a>
    <a class="s-b" href="https://ss.knet.cn/verifyseal.dll?sn=e130816110100420286o93000000&ct=df&a=1&pa=787189" target="_blank" rel="nofollow"></a>
    <a class="s-c" href="http://www.itrust.org.cn/Home/Index/itrust_certifi/wm/1669928206.html" target="_blank" rel="nofollow"></a>
    <a class="s-d" href="http://www.itrust.org.cn/Home/Index/satification_certificate/wm/MY2019051501.html" target="_blank" rel="nofollow"></a>
</div>

	</div>
</div>
<style>
    #banner-con-gloable{
        display: block;
        position: fixed;
        bottom: 0;
        left: -100%;
        z-index: 110;
        width:100%;
        height: 179px;
        overflow-x: hidden;
    }
    #banner-con-gloable .banner-btn-con{
        width: 100%;
        height:162px;
        background:rgba(30,15,8,0.95);
        position: absolute;
        bottom: 0;
    }
    #banner-con-gloable .banner-btn-con .close-btn{
        position: absolute;
        right: 35px;
        top:24px;
        z-index: 120;
        height: 24px;
        width: 24px;
        cursor:pointer;
    }
    #banner-con-gloable .banner-image-con{
        position: absolute;
        right: 50%;
        bottom: 0;
        width: 1000px;
        margin-right: -500px;
    }
    #float-pannel-gloable{
        padding-left: 28px;
        padding-bottom: 20px;
        display: block;
        position: fixed;
        bottom: 0;
        z-index: 110;
        left: -230px;
    }
    #float-pannel-gloable .float-btn{
        width: 24pxpx;
        height: 24px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 100;
    }
    #closed{
        height:24px;
        width:24px;
        vertical-algin:top;
        border:none;
        cursor:pointer;
    }
</style>

<div id="float-pannel-gloable">
    <img class="float-image" src="https://p4-q.mafengwo.net/s14/M00/BB/8C/wKgE2l0r2W-ALHaeAACAt6lqXyA464.png" style="width:178px;">
    <div class="float-btn">
        <img id="closed" src="https://n4-q.mafengwo.net/s13/M00/46/AC/wKgEaVy2xHeAZJhRAAADGY-wozY871.png"></div>
</div>


    
        
    
    
        
    

<script>
    $(function () {

        var flag_page = location.href.match(/^(https|http):\/\/www\.mafengwo\.cn\/?$/g) ||
            location.href.match(/^(https|http):\/\/www\.mafengwo\.cn(\/\?\S*)/g) ||
            location.href.match(/(cn\/gonglve|cn\/yj\/|cn\/i\/|cn\/jd\/|cn\/xc\/|cn\/schedule\/|cn\/baike\/|cn\/poi\/|mdd|travel-scenic-spot)/g)

        if(!!flag_page && getCookie('ad_hide')!='1' && getCookie('ad_close_num')<2){
            handleBannerShow();
        }
    });

    // 浮标关闭按钮点击
    $("#float-pannel-gloable .float-btn").click(function () {
        $("#float-pannel-gloable").animate({ left:-230,},800,'swing');
        add_cookie('ad_hide','1',1);
        if(!getCookie('ad_close_num')){
            add_cookie('ad_close_num',1,9999)
        }else if(!!getCookie('ad_close_num')){
            add_cookie('ad_close_num',getCookie('ad_close_num')*1+1,9999)
        }
    });

    function add_cookie(name,value,n) {
        var exp = new Date();
        exp.setTime(exp.getTime() + 24*60*1000*60*n);
        document.cookie=name+'='+value+';expires='+exp.toGMTString()+';path=/';
    }

    function getCookie(cname) {
        var name = cname + "=";
        var ca = document.cookie.split(';');

        for(var i=0; i<ca.length; i++) {
            var c = ca[i];
            while (c.charAt(0)==' ') c = c.substring(1);
            if (c.indexOf(name) != -1) return c.substring(name.length, c.length);
        }

        return "";
    }

    function delCookie(name)
    {
        var exp = new Date();
        exp.setTime(exp.getTime() - 1);
        var cval=getCookie(name);
        if(cval!=null)
            document.cookie= name + "="+cval+";expires="+exp.toGMTString();
    }

    function handleBannerShow() {
        $("#float-pannel-gloable").animate({ left:0,},500,'swing');
    }

</script>



<link href="http://css.mafengwo.net/css/mfw-toolbar.css?1537192876" rel="stylesheet" type="text/css"/>

<div class="mfw-toolbar" id="_j_mfwtoolbar">
    <div class="toolbar-item-top">
		<a role="button" class="btn _j_gotop">
			<i class="icon_top"></i>
            <em>返回顶部</em>
		</a>
	</div>
	<div class="toolbar-item-feedback">
		<a role="button" data-japp="feedback" class="btn">
			<i class="icon_feedback"></i>
            <em>意见反馈</em>
		</a>
	</div>
	<div class="toolbar-item-code">
		<a role="button" class="btn">
			<i class="icon_code"></i>
		</a>
		<a role="button" class="mfw-code _j_code">
            
			
            <img src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90" width="450" height="192" >
		</a>
        <!--<div class="wx-official-pop"><img src="http://images.mafengwo.net/images/qrcode-weixin.gif"><i class="_j_closeqrcode"></i></div>-->
	</div>
    <div class="toolbar-item-down">
		<a role="button" class="btn _j_gobottom">
			<i class="icon_down"></i>
            <em>页面底部</em>
		</a>
	</div>
</div>


<script language="javascript" type="text/javascript">
if (typeof M !== "undefined" && typeof M.loadResource === "function") {
M.loadResource("http://js.mafengwo.net/js/cv/js+Dropdown:js+pageletcommon+pageHeadUserInfoWWWNormal:js+jquery.tmpl:js+M+module+InputListener:js+M+module+SuggestionXHR:js+M+module+DropList:js+M+module+Suggestion:js+M+module+MesSearchEvent:js+SiteSearch:js+AHeader:js+M+module+PageAdmin:js+M+module+Storage:js+M+module+Cookie:js+M+module+ResourceKeeper:js+jquery.jgrowl.min:js+AMessage:js+M+module+dialog+Layer:js+M+module+dialog+DialogBase:js+M+module+dialog+Dialog:js+M+module+dialog+alert:js+M+module+FrequencyVerifyControl:js+M+module+FrequencySystemVerify:js+ALogin:js+M+module+ScrollObserver:js+M+module+QRCode:js+AToolbar:js+ACnzzGaLog:js+ARecruit:js+ALazyLoad^ZVdT^1561616124.js");
}
</script>

</body>
</html>
